/* =========================================================
   ASSET CARDS
========================================================= */

.asset.card .asset-title{
  color: var(--futsal-text) !important;
}

.asset.card .asset-description{
  color: var(--futsal-text-muted) !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        background-color: #fff !important;
        color: #0E0E2D !important;
    }
}

/* =========================================================
   GLOBAL CARD (breed, maar alleen kleur)
   Als dit te veel raakt: scope naar .asset.card of jouw wrapper.
========================================================= */

.card{
  color: var(--futsal-text) !important;
  background-color: rgba(7,27,61,.92) !important;
  border: 1px solid rgba(234,241,255,.10) !important;
}
.intro-visual-bg-overlay:after{
  background: linear-gradient(
    to bottom,
    rgba(0,16,48,0.10) 0%,
    rgba(0,16,48,0.20) 75%,
    rgba(0,0,48,0.98) 100%
  ) !important;
}

.nav-link {
    color: #ffffff;
    transition: all 0.2s ease;
}

.nav-link:hover {
    color: #8CFF3F;
}

.nav-link.active {
    color: #8CFF3F;
    border-bottom: 2px solid #8CFF3F;
}

.navbar-header a#authModalLogin.nav-link {
    background: none !important;
    border: none !important;
    color: white;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #98ff4d;
}

.mb-5 {
    margin-bottom: 0rem !important;
}

#authModal .btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #98ff4d;
    --bs-btn-border-color: #98ff4d;}
    
    
    .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FB7F60;
    --bs-btn-border-color: #FB7F60;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FB7F60;
    --bs-btn-hover-border-color: #FB7F60;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FB7F60;
    --bs-btn-active-border-color: #FB7F60;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FB7F60;
    --bs-btn-disabled-border-color: #FB7F60;
}


.navbar-nav li.nav-item a {
    color: #01012F;
    font-weight: 1000;
    text-transform: uppercase;}
    
    
    .navbar-nav .nav-link.active{
    color: #fff;
}

.navbar-nav .nav-link.show {
    color: #98ff4d !important;
}